.menu{display: none;}
.menu{ width:100%;position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none; z-index:11}
.menu .show-menu img{ width:auto; max-width:100%;}
.menu .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:11; color:#E1E1E1}
.menu .show-menu{ width:60%; height:100%; position:fixed; z-index:9; background:#F4EBE7; left:0; top:0; padding-top: 5%; text-align:center}
.menu .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}
.menu .show-menu a{ color:#3D3C3A}
.menu .show-menu li{ line-height:2em; font-size:100%;  letter-spacing:1px; text-align:left; margin-left: 20px;}
.show-erweima{ width:66%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:10%; z-index:9}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.waphear,.wapproduct,.wapcra-titl{ display: none;}
.footer_float {height:auto; overflow:hidden; background:#3D3C3A; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; display:none}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.6rem 0;  width:24%; line-height:2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.wap-news,.wap-nesnva{display: none;}
.rel-news ul li i{ font-style: inherit;}
.wapadv-cont{display: none;}
.pc{ display: block;}
.wap{ display: none;}
@media screen and (max-width:768px)
{
	body{ margin: 0px; padding: 0px;}
	.middle,.container,.width{ width: 96%; margin: auto;}
	.waphear{ display: block;}
.pc{ display: none;}
.wap{ display: block;}
	.waphear { display: block;width: 100%; height: 65px; z-index: 9; padding-left: 5%; box-sizing: border-box;}
	.waphear .ico{
	  width: 7%;
	  height:3px;
	  border-top: 3px solid #000;
	  border-bottom: 3px solid #000;
	  padding: 6px 0;
	  background-color:#000;
	  background-clip: content-box; 
	  position:absolute; right:0.4rem; top:20px; z-index:9;
	  display: inline-block;
	  }
	 .menu ul li{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
	 .menu ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li a{height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	 .menu ul li .a_js2{}
	 .menu ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li .a_bf{display:none}
	 .menu ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;} 
	.inner{ background: rgba(255,255,255,1); box-shadow:  1px 3px 6px #cacaca;position: fixed; }
	.waphear .logo {
	      width: 89%;
	      height: 65px;
	      float: left;
	      background: url(../images/waoplogo.png) no-repeat left center;
		  background-size: 100%;
		  }
	.lb .swiper-button-prev,.lb .swiper-button-next{ width: 20px; height: 20px;}
	.lb .swiper-button-prev{ left: 87%;}
	.lb .swiper-button-prev:after{ content: url(../images/fleft1.png);}
	.lb .swiper-button-next:after{ content: url(../images/fright1.png);}
.banner-image{ background-size: 152%;
    width: 100%;
    overflow: hidden;
    height: 185px;
    background-position-x: 63%;}
.footer_float{ display: block;}
.top,.hader,.navbox,.search{ display: none;}
.nav li{ width: 25%; text-align: center; position: relative; height: 25px; line-height: 25px;}
.nav li::after{ content: ''; position: absolute; right: 0px; width: 1px; height: 10px; display: block; background: #fff; top: 30%; left:initial;}
.nav li:nth-child(4n)::after{ display: none;}
.nav ul{ width: 96%;}
.nav li a{ font-size: 12px;}
#aside{ display: none;}
.seach .seach_r{ display: none;}
.seach .seach_l{ width: 100%; font-size: 12px; overflow: hidden;}
.product .product_box .product_l{ width: 100%; border: none;}
.product .product_box .product_l .product_l_bt{display: none;}
.product .product_box .product_l .product_l_box li{ width: 49%; margin-right: 1.2%; float: left;border: 1px solid #b5b5b5; line-height:30px; border-radius: 10px; text-align: center; margin-bottom: 10px;} 
.product .product_box .product_l .product_l_box li:nth-child(2n){ margin-right: 0px;}
.product .product_box .product_l .product_l_box li a{ padding: 0px 8%; font-size: 12px;}
.product .product_box .product_l .product_l_box li:after{ display: none;}
.product .product_box .product_l .product_l_box li:last-child{ border-bottom:1px solid #b5b5b5;}
.product .product_box .product_r{ width: 100%;}
.product .product_box .product_r .product_div{width: 31.5%; height:86%; margin-bottom: 15px;}
.product .product_box .product_r .product_div:nth-child(5n){ margin-right: 2%;}
.product .product_box .product_r .product_div:nth-child(3n){ margin-right: 0px;}
.advantage .advantage_box .advantage_c img{ display: none;}
.advantage .advantage_box .advantage_both{ width: 45%; margin-left: 0px;}
.advantage .advantage_box .advantage_both .advantage_div{ padding-left: 0px;}
.advantage .advantage_box .advantage_both .advantage_div:first-child, .advantage .advantage_box .advantage_both .advantage_div:last-child{ margin-left: 0px;}
.advantage .advantage_box .advantage_both .advantage_div{width: 90%;}
.advantage .advantage_box .advantage_both:last-child .advantage_div:first-child, .advantage .advantage_box .advantage_both:last-child .advantage_div:last-child{ margin-right: 0px;}
.advantage .advantage_box .advantage_both:last-child .advantage_div:nth-child(2){ margin-right: 0px;}
.advantage .advantage_box .advantage_both .advantage_div{ background: rgba(255,255,255,0.1); text-align: center; }
.advantage .advantage_box .advantage_both .advantage_div:nth-child(2),.advantage .advantage_box .advantage_both .advantage_div:nth-child(3){ background: rgba(255,255,255,0.1); none;text-align: center;}
.advantage .advantage_box .advantage_both:last-child .advantage_div:first-child, .advantage .advantage_box .advantage_both:last-child .advantage_div:last-child{ background: rgba(255,255,255,0.1);text-align: center;}
.advantage .advantage_box .advantage_both:last-child .advantage_div:nth-child(2){background: rgba(255,255,255,0.1);  text-align: center; margin-right: 0px;}
.advantage .advantage_box .advantage_both .advantage_div span{ font-size: 12px;}
.advantage .advantage_box .advantage_both{ width: 50%;}
.partner .partner_div{ width: 32%;}
.partner .partner_div:nth-child(5n){ margin-right: 2%;}
.partner .partner_div:nth-child(3n){ margin-right: 0px;}
.about .about_l{ width: 100%;}
.about .about_l .about_l_box{ font-size: 14px;}
.about .about_r{ display: none;}
.partner .partner_div:last-child{ display: none;}
.partner{ padding-bottom: 40px;}
.liucheng .liucheng_box{ display: none;}
.waplioucheng img{ width: 100%;}
.jpzq .jpzq_lb .swiper-slide .jpzq_img{ height: 102px;}
.news .news_box .news_l{ width: 100%;}
.news .news_box .news_r{ width: 100%;}
.news .news_box .news_l .news_l_box .news_l_c li a{ width: 77%; display: block; float: left;}
.news .news_box .news_l .news_l_box .news_l_c li span{ font-size: 12px;}
.footer .footer_nav{ display: none;}
.footer .footer_box .footer_logo,.footer .footer_box .footer_c{ width: 100%; margin-left: 0px;}
.content-ej-l{ display: none;}
.content-ej-r{ width: 100%;}
.ins-pro-list ul li{ width: 49.5%; margin-right: 1%;}
.ins-pro-list ul li:nth-child(5n){ margin-right: 1%;}
.ins-pro-list ul li:nth-child(2n){ margin-right: 0px;}
.ins-pro-list ul li .img-wrp{ height: 150px;}
.about_content.detail p img{ width: 100%;}
.rel-news ul li{ width: 100%;}
.rel-news ul li a{ width: 77%; display: block; overflow: hidden; height: 50px; float:left; font-size: 12px;}
.rel-news ul li i{ font-size: 12px;}
.rec-img .rel-img{ height: 100px;}
.rec-img span {font-size: 12px;}
.nav li::after{ display: none;}
.about_content img {width: 100%;}
.ins-pro-list.case ul li{ width: 49%;margin-right: 2%;}
.ins-pro-list.case ul li:nth-child(4n){ margin-right: 2%;}
.ins-pro-list.case ul li:nth-child(2n){ margin-right: 0;}
.inside-container{ padding-top: 0px;}
.news_top{ display: none;}
.ins-news-list ul li .img-wrp{ width: 20%; height: auto;}
.ins-news-list ul li .con-wrp{ width: 78%;}
.ins-news-list ul li .con-wrp .desc{ font-size: 12px; padding: 0px 1%;}
.ins-news-list ul li{ margin: 0px;}
.ins-news-list ul li .con-wrp .date{ padding-left: 0px;}
.about_content>div{ width: 100% !important;}
.map{ height: 400px;}
		}